<!DOCTYPE html>
<html>

	<head>
		<title>鲜度一百 | 精选猪肉</title>
		<!-- Unresponsive -->
		<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<!--[if (lte IE 8) ]> <script type="text/javascript">location.href="upgrade.html";</script> <![endif]-->
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/frontend.css" />

		<script src="js/jquery.js"></script>
		<script src="js/jquery.lazyload.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/global.js"></script>
		<!--<link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon" />-->

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
		<script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="hx2top">
			<div class="container">
				<div class="row">
					<div class="col-xs-4">
						<div class="pt15">
							<a href="index.html" class="ydilogo">
								<img src="img/logo_xdyb_sm.jpg" class="gkimg" />
							</a>
							<div class="gieie">
								<a href="#">
									<img src="img/dp-logo.jpg" class="alnk" />
								</a>
							</div>
							<div class="ieo2i">
								<div class="huioke">
									<a href="#">彩田路肉菜市场</a>
								</div>
								<div class="pt5">
									<span class="sieo">
										授权经销商
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="pt20">
							<div class="mx03">
								<button class="dhsour">搜索</button>
								<input placeholder="搜索 本店生鲜肉菜供应" type="text" />
							</div>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="mx04">
							<div class="mx05">
								<a class="mx06" href="index.html">海岸城生鲜超市</a>
							</div>
							<div class="mx07">
								<a href="cart.html">购物车</a>
								<span>|</span>
								<a href="user-address.html">我的账户</a>
								<span>|</span>
								<a href="#">安全退出</a>
							</div>
						</div>
						<div class="mx04_1">
							<a href="mycredit.html" class="mx_ei3o">
								<div class="mx04_13">
									<span>我的授信：</span>
									<strong>120000/240000</strong>
								</div>
								<div>
									<div class="progress">
										<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
											50%
										</div>
									</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="zwtmblk-wp">
			<div class="container zwtmblk">
				<div class="row">
					<div class="col-xs-2">
						<div class="cate-lav-inner">
							<div class="cate-lav-ie">
								<div class="cate-lav-sdh">
									<div class="cate-lav-gidt1">
										<a href="#">国产水果</a>
									</div>
									<div class="pad-15">
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">火龙果</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">时令水果</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">柚子</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">橙子</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">苹果</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">香蕉</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">荔枝</a>
									</span>
										<span class="cate-sub-chi-wp">
										<a href="#" class="cate-sub-cihtm">葡萄</a>
									</span>
									</div>
								</div>

								<a href="javascript:void(0)" class="cate-lav-bgtt">
									<strong>全部商品分类</strong>
									<span class="iconfont icon-angledown cate-lav-srh"></span>
								</a>
								<div class="cate-lav-ul">

									<a href="javascript:void(0)" class="cate-lav-itm">
										<span>国产水果</span>
										<span class="iconfont icon-angleright anglr"></span>
									</a>
									<a href="javascript:void(0)" class="cate-lav-itm">
										<span>禽类蛋品</span>
										<span class="iconfont icon-angleright anglr"></span>
									</a>
									<a href="javascript:void(0)" class="cate-lav-itm">
										<span>精选肉类</span>
										<span class="iconfont icon-angleright anglr"></span>
									</a>
									<a href="javascript:void(0)" class="cate-lav-itm">
										<span>海鲜水产</span>
										<span class="iconfont icon-angleright anglr"></span>
									</a>
									<a href="javascript:void(0)" class="cate-lav-itm">
										<span>乳品糕点</span>
										<span class="iconfont icon-angleright anglr"></span>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-10">

					</div>
				</div>
			</div>
		</div>

		<!-- 页面部分 -->
		<div class="container ecbreadcrumb">
			<div class="row">
				<div class="col-xs-12">
					<div>
						<a href="index.html" class="itm">商城</a>
						<span class="spliter">/</span>
						<span class="itm">优质五花肉</span>
					</div>
				</div>
			</div>
		</div>

		<style>
			body:after {
				display: block;
				content: ' ';
				width: 100%;
				height: 100%;
				z-index: -1;
				position: fixed;
				left: 0;
				top: 0;
				background-image: -webkit-radial-gradient(circle farthest-corner at 100% 0, #fcfcfc, #f4f4f4 80%);
				background-image: -moz-radial-gradient(circle farthest-corner at 100% 0, #fcfcfc, #f4f4f4 80%);
				background-image: radial-gradient(circle farthest-corner at 100% 0, #fcfcfc, #f4f4f4 80%);
			}
		</style>

		<div class="container" style="margin-bottom:30px;">
			<div class="row">
				<div class="col-xs-12">
					<style>
						.ecp-detail {
							padding: 60px;
							background: #FFF;
							border-radius: 3px;
						}
						
						.ecp-detail .inner {
							display: table;
							width: 100%;
						}
						
						.ecp-thumbnail {
							display: table-cell;
							width: 110px;
							vertical-align: top;
						}
						
						.ecp-thumbnail .itm {
							background: url(img/slide/Jsm1.jpg) center center no-repeat;
							background-size: cover;
							width: 80px;
							height: 80px;
							margin-top: 10px;
							cursor: pointer;
							transition: all .3s;
							border-radius: 8px;
							display: inline-block;
						}
						
						.ecp-thumbnail .itm:hover {
							box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
						}
						
						.ecp-thumbnail .itm.selected,
						.ctxitm.selected {
							box-shadow: 0 0 0 1px rgba(3, 169, 212, .5);
						}
						
						.ecp-thumbnail .itm:first-child {
							margin-top: 0;
						}
						
						.ecp-bodyimg {
							background: url(img/slide/J1.jpg) center center no-repeat;
							display: table-cell;
							height: 420px;
							width: 420px;
							background-size: cover;
							border-radius: 10px;
						}
						
						.ecp-desc {
							display: table-cell;
							padding-left: 30px;
						}
						
						.ecp-desc .tt {
							padding-bottom: 20px;
							border-bottom: 1px solid rgba(0, 0, 0, .07);
						}
						
						.ecp-desc .tt .t1 {
							font-size: 24px;
							color: #444;
							font-weight: 300;
							margin-bottom: 10px;
						}
						
						.ecp-desc .tt .t2 {
							color: #bbb;
						}
						
						.ecp-desc .dt .inntbl {
							line-height: 60px;
						}
						
						.ecp-desc .dt .inntbl td {
							vertical-align: middle;
						}
						
						.ecp-desc .dt {
							padding: 15px 0;
						}
						
						.ecp-desc .dt .inntbl .col1 {
							width: 120px;
						}
						
						.ecp-desc .dt .inntbl .ctxitm {
							display: inline-block;
							margin-right: 10px;
							border: 1px solid #EEE;
							padding: 5px 10px;
							cursor: pointer;
							line-height: 30px;
						}
						
						.ecp-desc .dt .inntbl .price {
							font-size: 30px;
							color: #5cb85c;
						}
						
						.ecp-desc .dt .inntbl .sim {
							font-size: 16px;
						}
						
						.ecp-desc .dt .buybtn {
							height: 40px;
							width: 120px;
							margin-right: 10px;
						}
					</style>
					<div class="ecp-detail">
						<div class="inner">
							<div class="ecp-thumbnail">
								<div class="itm selected" style="background-image:url(img/slide/zhurou01.jpg);"></div>
								<div class="itm" style="background-image:url(img/slide/zhurou06.jpg);"></div>
							</div>
							<div class="ecp-bodyimg" style="background-image:url(img/slide/J1.jpg)">
							</div>
							<div class="ecp-desc">
								<div class="tt">
									<div class="t1">优质五花肉</div>
									<div class="t2">优质黑猪，满5送1</div>
								</div>
								<div class="dt">
									<table class="inntbl">
										<tr>
											<td class="col1">价格</td>
											<td class="col2">
												<div class="price">
													<sup class="sim">￥</sup>
													<span class="val">38</span>
													<sup class="sim">/ 盒</sup>
												</div>
											</td>
										</tr>
										<tr>
											<td class="col1">重量</td>
											<td class="col2">
												<span>500克</span>
											</td>
										</tr>
										<tr>
											<td class="col1">产地</td>
											<td class="col2">
												<span>深圳大鹏养殖基地</span>
											</td>
										</tr>
										<tr>
											<td class="col1">购买</td>
											<td class="col2">
												<button class="btn btn-success buybtn">加入购物车</button>
												<button class="btn btn-default buybtn">直接购买</button>
											</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="text-center" style="background:#FFF;padding:30px 0;margin-bottom:50px;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.02);">
						<img src="https://img.alicdn.com/imgextra/i2/3133454195/TB2jBFDsB8lpuFjy0FnXXcZyXXa_!!3133454195.jpg" width="60%" />
					</div>
				</div>
			</div>
		</div>

		<div class="btfixprodthumb">
			<div class="td tx1">
				<div class="thumbimgbt"></div>
			</div>
			<div class="td">
				<div style="padding:0 15px;">优质五花肉</div>
			</div>
			<div class="td tx3">
				<div style="padding-right:15px;">
					<button class="btn btn-primary">加入购物车</button>
				</div>
			</div>
		</div>

		<div class="pagebottom">
			<div class="container tcg1">
				<div class="row">
					<div class="col-xs-8">
						此处填写备案号等文字 Copyright © 2014-2016 XIANDUYIBAI Inc. All rights reserved.
					</div>
					<div class="col-xs-4 text-right">
						<div class="t1">24小时全国服务热线</div>
						<div class="qgrx">400-888-8888</div>
					</div>
					<!--<div class="col-xs-2">
						<a href="#" class="iconfont icon-unie61d weibo_bt"></a>
						<a href="#" class="iconfont icon-weixin weixin_bt"></a>
					</div>-->
				</div>
			</div>

		</div>

		<!-- /container -->
		<script type="text/javascript">
			$(document).ready(function() {

				$("img.lazy").lazyload({
					effect: "fadeIn"
				});
				$(window).scroll(function() {
					if($(window).scrollTop() <= 600) {
						$('.btfixprodthumb').removeClass('displayed');
					} else {
						$('.btfixprodthumb').addClass('displayed');
					}

				});

			});
		</script>

	</body>

</html>